<script setup>
import { ref } from "vue";
let toy = ref("奥特曼");

// 通过props接收父组件传递过来的数据
// defineProps(['car']) //简写形式接收

// const props =  defineProps(['car']) //这样子组件也可以接收到父组件传递过来的数据
// console.log(props.car); //这样子组件也可以接收到父组件传递过来的数据

defineProps({
  car: {
    type: String,
    default: "奔驰",
  },
  setToy:{
    type: Function,
    default: () => {}
  }
});
</script>
<template>
  <div class="mychild">
    <h3>子组件</h3>
    <h4>玩具:{{toy}}</h4>
    <h4>接收父组件传递过来的车品牌是:{{car}}</h4>
    <button @click="setToy(toy)">使用porps发送数据玩具到父组件</button>
  </div>
</template>
<style scoped>
.mychild {
  background-color: #ccc;
  padding: 10px;
  border: 1px solid #000;
}
</style>